클론 코딩 리워즈 배경이 있는 이미지에 맞게 리워드 섹션을 구현 버튼은 기존 작성한 전역 버튼 스타일을 활용 HTML CSS (리워즈 섹션) CSS (전역 버튼)... 프론트엔드CSS클론 코딩htmlCSS 시작하기 - 오픈그래프와 트위터 카드 HTML 웹페이지가 소셜 미디어(페이스북 등)로 공유될 때 우선적으로 활용되는 정보를 지정 Slack - KakaoTalk - og:type : 페이지의 유형(E.g, website, video.movie) og:site_name : 속한 사이트의 이름 og:title : 페이지의 이름(제목) og:description : 페이지의 간단한 설명 og:image : 페이지의 대표 이미지 주소(... 프론트엔드클론 코딩htmlhtml 푸터 푸터를 작성하고, JS를 활용해 카피라이트 부분의 년도를 올해로 설정한다. HTML CSS JS... JavaScript클론 코딩CSS프론트엔드htmlCSS 순차적 애니메이션 - 전역 버튼 스타일 메인 비주얼 부분을 제작하고 전역 버튼 (자세히 보기)를 클래스 지정만으로 사용할 수 있도록 미리 CSS에 코딩한다. .btn에 공통적인 속성을 작성하고 .btn--상태에 바리에이션을 작성한다. html 비주얼부 CSS 전역 버튼 CSS... 프론트엔드CSS클론 코딩htmlCSS 03. layout navbar 생성 layout navbar 추가 full-page-section component 수정 jquery, fontawesome 추가 root route 수정 git commit... 클론 코딩Reddit라라벨Reddit 05. users 테이블 스키마 변경 마이그레이션 수정 변경된 스키마 적용 User 모델 수정 register 컨트롤러 수정 register view 수정 navbar name 수정 UserFactory 수정 git commit... 클론 코딩Reddit라라벨Reddit 15. Community show readable 패키지 추가 Community 컨트롤러 수정 show view 생성 css 추가 변경된 css build git commit... 클론 코딩Reddit라라벨Reddit 12. Community edit Community 컨트롤러 수정 edit view 생성 (create 복사 후 수정) Authorization Gate 활용 Community 컨트롤러 수정 git commit... 클론 코딩Reddit라라벨Reddit 11. Community pagination laravel pagination bulma 패키지 bulma pagination 템플릿 수정 bulma pagination 적용 Community 컨트롤러 수정 Community index view 수정 git commit... 클론 코딩Reddit라라벨Reddit 유튜브 영상 배경 - 반복 애니메이션 랜덤 수치를 활용한 플로팅 요소를 제작한다. 총 세 개이나, 하나는 위치상 다음 섹션으로 이동시켰다. HTML CSS JS... JavaScript클론 코딩CSS프론트엔드htmlCSS 헤더와 드롭다운 메뉴 - 로고 가장 기본적인 COMMON CSS 작성 및 헤더 영역 정리, 로고 정렬 HTML CSS... 프론트엔드CSS클론 코딩htmlCSS 유튜브 영상 배경 - Youtube iframe API 유튜브 API를 활용해 섹션 배경으로 유튜브 영상을 재생하도록 구현하고, 영상이 배경처럼 느껴질 수 있도록 위에 약간 투명한 배경 패턴을 깔아준다. HTML CSS JS... 클론 코딩JavaScript프론트엔드CSShtmlCSS
리워즈 배경이 있는 이미지에 맞게 리워드 섹션을 구현 버튼은 기존 작성한 전역 버튼 스타일을 활용 HTML CSS (리워즈 섹션) CSS (전역 버튼)... 프론트엔드CSS클론 코딩htmlCSS 시작하기 - 오픈그래프와 트위터 카드 HTML 웹페이지가 소셜 미디어(페이스북 등)로 공유될 때 우선적으로 활용되는 정보를 지정 Slack - KakaoTalk - og:type : 페이지의 유형(E.g, website, video.movie) og:site_name : 속한 사이트의 이름 og:title : 페이지의 이름(제목) og:description : 페이지의 간단한 설명 og:image : 페이지의 대표 이미지 주소(... 프론트엔드클론 코딩htmlhtml 푸터 푸터를 작성하고, JS를 활용해 카피라이트 부분의 년도를 올해로 설정한다. HTML CSS JS... JavaScript클론 코딩CSS프론트엔드htmlCSS 순차적 애니메이션 - 전역 버튼 스타일 메인 비주얼 부분을 제작하고 전역 버튼 (자세히 보기)를 클래스 지정만으로 사용할 수 있도록 미리 CSS에 코딩한다. .btn에 공통적인 속성을 작성하고 .btn--상태에 바리에이션을 작성한다. html 비주얼부 CSS 전역 버튼 CSS... 프론트엔드CSS클론 코딩htmlCSS 03. layout navbar 생성 layout navbar 추가 full-page-section component 수정 jquery, fontawesome 추가 root route 수정 git commit... 클론 코딩Reddit라라벨Reddit 05. users 테이블 스키마 변경 마이그레이션 수정 변경된 스키마 적용 User 모델 수정 register 컨트롤러 수정 register view 수정 navbar name 수정 UserFactory 수정 git commit... 클론 코딩Reddit라라벨Reddit 15. Community show readable 패키지 추가 Community 컨트롤러 수정 show view 생성 css 추가 변경된 css build git commit... 클론 코딩Reddit라라벨Reddit 12. Community edit Community 컨트롤러 수정 edit view 생성 (create 복사 후 수정) Authorization Gate 활용 Community 컨트롤러 수정 git commit... 클론 코딩Reddit라라벨Reddit 11. Community pagination laravel pagination bulma 패키지 bulma pagination 템플릿 수정 bulma pagination 적용 Community 컨트롤러 수정 Community index view 수정 git commit... 클론 코딩Reddit라라벨Reddit 유튜브 영상 배경 - 반복 애니메이션 랜덤 수치를 활용한 플로팅 요소를 제작한다. 총 세 개이나, 하나는 위치상 다음 섹션으로 이동시켰다. HTML CSS JS... JavaScript클론 코딩CSS프론트엔드htmlCSS 헤더와 드롭다운 메뉴 - 로고 가장 기본적인 COMMON CSS 작성 및 헤더 영역 정리, 로고 정렬 HTML CSS... 프론트엔드CSS클론 코딩htmlCSS 유튜브 영상 배경 - Youtube iframe API 유튜브 API를 활용해 섹션 배경으로 유튜브 영상을 재생하도록 구현하고, 영상이 배경처럼 느껴질 수 있도록 위에 약간 투명한 배경 패턴을 깔아준다. HTML CSS JS... 클론 코딩JavaScript프론트엔드CSShtmlCSS